<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        屏幕对象： console.log(screen.width,screen.height)
        数据储存:
            localStorage     存储本地数据  存储的数据只能是字符串，数据会一直存在，除非手动清除，或用程序清除
                localStorage.setItem('名称','值');只能是字符串类型(存储后为字符串类型)
                localStorage.getItem("名称");获取存储的数据
            sessionStorage   会话数据  存储的数据只能是字符串，当浏览器或会话网页关闭之后，数据会清空
            
     -->  

    <script>
        console.log(screen.width,screen.height);

        //存储字符串
        // localStorage.setItem('username',["Trump",'biden','无极'])
        // //默认为：
        // var arr=['trump','biden','无极']
        // var str=String(arr)
        // document.write(str)

        //获取值
        // var userStr=localStorage.getItem('username');
        // console.log(userStr);

        //数组转化为字符串
        var arr=["trump",'biden','无极']
        var arrStr=JSON.stringify(arr) //把数组或对象转化为json字符串
        //localStorage.setItem('users',arrStr)  //存储数据

        var userStr=localStorage.getItem("users")
        var userArr=JSON.parse(userStr)   //把字符串还原为数组
     
        console.log('字符串',userStr);
        console.log('还原的数组',userArr);
    </script>
    
</body>
</html>